<template>
	<div :style="divStyle">
		<img src="../../assets/img/loading.gif" width="auto" height="auto" alt="" />
	</div>
</template>


<script>
	export default {
		data(){
			return {
				divStyle:{
					width:'900px',
					height:'900px'
				}
			}
		},
		mounted(){
			this.divStyle.width=document.documentElement.clientWidth+'px';
			this.divStyle.height=document.documentElement.clientHeight+'px';
		}
	}
</script>

<style scoped>
	div{
		position:relative;
		background:#fff;
	}
	img{
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
	}
</style>
